
.body { padding: 0; }
.body-top { background: url("http://us.battle.net/d3/static/images/community/index-bg.jpg") no-repeat; }


.community-left { width: 640px; float: left; overflow: hidden; }
.community-right { width: 350px; float: right; }

/* carousel */
.ui-slideshow { width: 100%; }
.ui-slideshow .paging { width: 325px; right: 28px; top: 5px; height: 300px; }
.ui-slideshow .paging a { padding: 0 10px 0 20px; margin: 0; height: 60px; line-height: 60px; display: block; background: none; font-size: 14px; }
.ui-slideshow .paging a:hover { background: none; }
.ui-slideshow .paging a.current,
.ui-slideshow .paging a:hover.current { background: url("http://us.battle.net/d3/static/images/community/carousel-tab.jpg") 0 0 no-repeat; color: #d6c199; }
.ui-slideshow .paging a .paging-date { color: #6c5132; font-size: 11px; }

/* left */
.features { padding: 35px 0 25px 25px; }
.features .feature { width: 250px; display: block; height: 90px; padding: 95px 20px 5px 20px; float: left; margin-right: 17px; margin-bottom: 30px;
	background: url("http://us.battle.net/d3/static/images/community/paper-bg.jpg") 0 0 no-repeat; position: relative;
	-moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 5px #000; }
.features a.feature:hover { background-position: 100% 0; }
.features a.feature:hover .category { color: black; }
.features .feature .category { color: #790905; font-size: 18px; font-weight: bold; }
.features .feature .desc { display: block; color: #221103; font-size: 11px; }
.features .feature .desc,
.features .feature ul { margin-top: 5px; }
.features .feature li { padding: 4px 0; }
.features .feature .image { height: 75px; width: 270px; display: block; position: absolute; top: 10px; left: 10px; background: url("http://us.battle.net/d3/static/images/community/features-bg.jpg") 0 0 no-repeat; }
.features .feature .icon { width: 15px; height: 15px; vertical-align: top; }
.features .feature a { color: #221103; font-weight: bold; display: block; line-height: 1em; }
.features .feature a:hover { color: white; }

.features .feature.forums .image { background-position: 0 -75px; }
.features .feature.fanart .image { background-position: 0 -150px; }
.features .feature.wallpapers .image { background-position: 0 -225px; }

/* right */
.page-section { margin: 0 25px 30px 25px; }

.social-media .section-body { background: url("http://us.battle.net/d3/static/images/community/social-bg.jpg") 0 5px repeat-x; padding: 30px 0 55px 15px; }
.social { width: 36px; height: 36px; display: inline-block; margin-right: 10px; background: url("http://us.battle.net/d3/static/images/community/social-media.jpg") no-repeat; }
.social.facebook { background-position: 0 0; }
.social.facebook:hover { background-position: 0 -36px; }
.social.twitter { background-position: -36px 0; }
.social.twitter:hover { background-position: -36px -36px; }
.social.youtube { background-position: -72px 0; }
.social.youtube:hover { background-position: -72px -36px; }
.social.me2day { background-position: -108px 0; }
.social.me2day:hover { background-position: -108px -36px; }
.social.sina { background-position: -144px 0; }
.social.sina:hover { background-position: -144px -36px; }

.blizzard-community .section-body { padding: 0; }
.blizzard-community li a { display: block; padding: 10px; border-bottom: 1px solid #2e2218; }
.blizzard-community li a strong { display: block; font-size: 14px; font-weight: normal; }
.blizzard-community li a span { color: #787166; }
.blizzard-community li a:hover { background-color: rgba(0, 0, 0, 0.5); }

/* ie */
.ie .blizzard-community li a { zoom: 1; }
.ie .blizzard-community li a:hover { background: #0e0d0a; }